<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
        {% block title %}
        <title>首页</title>
        {% endblock %}
        <link href="/static/myhome/AmazeUI-2.4.2/assets/css/amazeui.css" rel="stylesheet" type="text/css" />
        <link href="/static/myhome/AmazeUI-2.4.2/assets/css/admin.css" rel="stylesheet" type="text/css" />

        <link href="/static/myhome/basic/css/demo.css" rel="stylesheet" type="text/css" />

        {% block css %}
        <link href="/static/myhome/css/hmstyle.css" rel="stylesheet" type="text/css"/>
        <link href="/static/myhome/css/skin.css" rel="stylesheet" type="text/css" />
        {% endblock %}

        {% block js %}
        <script src="/static/myhome/AmazeUI-2.4.2/assets/js/jquery.min.js"></script>
        <script src="/static/myhome/AmazeUI-2.4.2/assets/js/amazeui.min.js"></script>
        {% endblock %}
    </head>

    <body>
        <div class="hmtop">
            <!--顶部导航条 -->
            <div class="am-container header">
                <ul class="message-l">
                    <div class="topMessage">
                        <div class="menu-hd">
                            {%  if request.session.VipUser.username %}
                                <span style="color:red">当前用户:{{ request.session.VipUser.username }}</span>
                                <a href="{% url 'myhome_logout' %}">退出登录</a>
                            {% else %}
                                <a href="{% url 'myhome_login' %}" target="_top" class="h">亲，请登录</a>
                                <a href="{% url 'myhome_register' %}" target="_top">免费注册</a>
                            {% endif %}
                        </div>
                    </div>
                </ul>
                <ul class="message-r">
                    <div class="topMessage home">
                        <div class="menu-hd"><a href="{% url 'myhome_index' %}" target="_top" class="h">商城首页</a></div>
                    </div>
                    <div class="topMessage my-shangcheng">
                        <div class="menu-hd MyShangcheng"><a href="{% url 'myhome_mycenter' %}" target="_top"><i class="am-icon-user am-icon-fw"></i>个人中心</a></div>
                    </div>
                    <div class="topMessage mini-cart">
                        <div class="menu-hd"><a id="mc-menu-hd" href="{% url 'myhome_cartlist' %}" target="_top"><i class="am-icon-shopping-cart  am-icon-fw"></i><span>购物车</span><strong id="J_MiniCartNum" class="h"></strong></a></div>
                    </div>
                    <div class="topMessage favorite">
                        <div class="menu-hd"><a href="#" target="_top"><i class="am-icon-heart am-icon-fw"></i><span>收藏夹</span></a></div>
                </ul>
                </div>
                <!--悬浮搜索框-->
                <div class="nav white">
                    <div class="logo"><img src="/static/myhome/images/logo.png" /></div>
                    <div class="logoBig">
                        <li><img src="/static/myhome/images/logobig.png" /></li>
                    </div>

                    <div class="search-bar pr">
                        <a name="index_none_header_sysc" href="#"></a>
                        <form action="{% url 'myhome_search' %}" method="get">
                            <input id="searchInput" required name="keywords" type="text" placeholder="搜索" autocomplete="off">
                            <input id="ai-topsearch" class="submit am-btn" value="搜索" index="1" type="submit">
                        </form>
                    </div>
                </div>


                <div class="clear"></div>
            </div>
            {% block banner %}
         
            {% endblock %}
            
            <div class="shopNav">
                <div class="slideall">
                    {% block nav %}

                    {% endblock %}
                        
                </div>
                <script type="text/javascript">
                    if ($(window).width() < 640) {
                        function autoScroll(obj) {
                            $(obj).find("ul").animate({
                                marginTop: "-39px"
                            }, 500, function() {
                                $(this).css({
                                    marginTop: "0px"
                                }).find("li:first").appendTo(this);
                            })
                        }
                        $(function() {
                            setInterval('autoScroll(".demo")', 3000);
                        })
                    }
                </script>
            </div>

            {% block con %}
            <div class="shopMainbg">

                <div class="shopMain" id="shopmain">
                    <div class="clear "></div>
                    <div id="f1">
                    <!--甜点-->
                    <div class="am-container ">
                        <div class="shopTitle ">
                            <h4>甜品</h4>
                            <h3>每一道甜品都有一个故事</h3>
                            <div class="today-brands ">
                                <a href="# ">桂花糕</a>
                                <a href="# ">奶皮酥</a>
                                <a href="# ">栗子糕 </a>
                                <a href="# ">马卡龙</a>
                                <a href="# ">铜锣烧</a>
                                <a href="# ">豌豆黄</a>
                            </div>
                            <span class="more ">
                    <a href="# ">更多美味<i class="am-icon-angle-right" style="padding-left:10px ;" ></i></a>
                        </span>
                        </div>
                    </div>
                    
                    <div class="am-g am-g-fixed floodFour">
                        <div class="am-u-sm-5 am-u-md-4 text-one list ">
                            <div class="word">
                                <a class="outer" href="#"><span class="inner"><b class="text">核桃</b></span></a>
                                <a class="outer" href="#"><span class="inner"><b class="text">核桃</b></span></a>
                                <a class="outer" href="#"><span class="inner"><b class="text">核桃</b></span></a> 
                                <a class="outer" href="#"><span class="inner"><b class="text">核桃</b></span></a>
                                <a class="outer" href="#"><span class="inner"><b class="text">核桃</b></span></a>
                                <a class="outer" href="#"><span class="inner"><b class="text">核桃</b></span></a>                                 
                            </div>
                            <a href="# ">
                                <div class="outer-con ">
                                    <div class="title ">
                                    开抢啦！
                                    </div>
                                    <div class="sub-title ">
                                        零食大礼包
                                    </div>                                  
                                </div>
                                  <img src="/static/myhome/images/act1.png " />                             
                            </a>
                            <div class="triangle-topright"></div>                       
                        </div>
                        
                            <div class="am-u-sm-7 am-u-md-4 text-two sug">
                                <div class="outer-con ">
                                    <div class="title ">
                                        雪之恋和风大福
                                    </div>                                  
                                    <div class="sub-title ">
                                        ¥13.8
                                    </div>
                                    <i class="am-icon-shopping-basket am-icon-md  seprate"></i>
                                </div>
                                <a href="# "><img src="/static/myhome/images/2.jpg" /></a>
                            </div>

                            <div class="am-u-sm-7 am-u-md-4 text-two">
                                <div class="outer-con ">
                                    <div class="title ">
                                        雪之恋和风大福
                                    </div>
                                    <div class="sub-title ">
                                        ¥13.8
                                    </div>
                                    <i class="am-icon-shopping-basket am-icon-md  seprate"></i>
                                </div>
                                <a href="# "><img src="/static/myhome/images/1.jpg" /></a>
                            </div>


                        <div class="am-u-sm-3 am-u-md-2 text-three big">
                            <div class="outer-con ">
                                <div class="title ">
                                    小优布丁
                                </div>
                                <div class="sub-title ">
                                    ¥4.8
                                </div>
                                <i class="am-icon-shopping-basket am-icon-md  seprate"></i>
                            </div>
                            <a href="# "><img src="/static/myhome/images/5.jpg" /></a>
                        </div>

                        <div class="am-u-sm-3 am-u-md-2 text-three sug">
                            <div class="outer-con ">
                                <div class="title ">
                                    小优布丁
                                </div>
                                <div class="sub-title ">
                                    ¥4.8
                                </div>
                                <i class="am-icon-shopping-basket am-icon-md  seprate"></i>
                            </div>
                            <a href="# "><img src="/static/myhome/images/3.jpg" /></a>
                        </div>

                        <div class="am-u-sm-3 am-u-md-2 text-three ">
                            <div class="outer-con ">
                                <div class="title ">
                                    小优布丁
                                </div>
                                <div class="sub-title ">
                                    ¥4.8
                                </div>
                                <i class="am-icon-shopping-basket am-icon-md  seprate"></i>
                            </div>
                            <a href="# "><img src="/static/myhome/images/4.jpg" /></a>
                        </div>

                        <div class="am-u-sm-3 am-u-md-2 text-three last big ">
                            <div class="outer-con ">
                                <div class="title ">
                                    小优布丁
                                </div>
                                <div class="sub-title ">
                                    ¥4.8
                                </div>
                                <i class="am-icon-shopping-basket am-icon-md  seprate"></i>
                            </div>
                            <a href="# "><img src="/static/myhome/images/5.jpg" /></a>
                        </div>

                    </div>
                    <div class="clear "></div>  
                </div>
                
                 
                <div class="footer ">
                    <div class="footer-hd ">
                        <p>
                            <a href="# ">恒望科技</a>
                            <b>|</b>
                            <a href="# ">商城首页</a>
                            <b>|</b>
                            <a href="# ">支付宝</a>
                            <b>|</b>
                            <a href="# ">物流</a>
                        </p>
                    </div>
                    <div class="footer-bd ">
                        <p>
                            <a href="# ">关于恒望</a>
                            <a href="# ">合作伙伴</a>
                            <a href="# ">联系我们</a>
                            <a href="# ">网站地图</a>
                            <em>© 2015-2025 Hengwang.com 版权所有</em>
                        </p>
                    </div>
                </div>

            </div>
            {% endblock %}

        </div>
        <!--引导 -->
        <div class="navCir">
            <li class="active"><a href="home.html"><i class="am-icon-home "></i>首页</a></li>
            <li><a href="sort.html"><i class="am-icon-list"></i>分类</a></li>
            <li><a href="shopcart.html"><i class="am-icon-shopping-basket"></i>购物车</a></li> 
            <li><a href="/static/myhome/person/index.html"><i class="am-icon-user"></i>我的</a></li>                  
        </div>


        <!--菜单 -->
        <div class=tip>
            <div id="sidebar">
                <div id="wrap">
                    <div id="prof" class="item ">
                        <a href="# ">
                            <span class="setting "></span>
                        </a>
                        <div class="ibar_login_box status_login ">
                            <div class="avatar_box ">
                                <p class="avatar_imgbox "><img src="/static/myhome/images/no-img_mid_.jpg " /></p>
                                <ul class="user_info ">
                                    <li>用户名sl1903</li>
                                    <li>级&nbsp;别普通会员</li>
                                </ul>
                            </div>
                            <div class="login_btnbox ">
                                <a href="# " class="login_order ">我的订单</a>
                                <a href="# " class="login_favorite ">我的收藏</a>
                            </div>
                            <i class="icon_arrow_white "></i>
                        </div>

                    </div>
                    <div id="shopCart " class="item ">
                        <a href="{% url 'myhome_cartlist' %}">
                            <span class="message "></span>
                        </a>
                        <!-- <p>
                            购物车
                        </p>
                        <p class="cart_num ">0</p> -->
                    </div>
                    <div id="asset " class="item ">
                        <a href="# ">
                            <span class="view "></span>
                        </a>
                        <div class="mp_tooltip ">
                            我的资产
                            <i class="icon_arrow_right_black "></i>
                        </div>
                    </div>

                    <div id="foot " class="item ">
                        <a href="# ">
                            <span class="zuji "></span>
                        </a>
                        <div class="mp_tooltip ">
                            我的足迹
                            <i class="icon_arrow_right_black "></i>
                        </div>
                    </div>

                    <div id="brand " class="item ">
                        <a href="#">
                            <span class="wdsc "><img src="/static/myhome/images/wdsc.png " /></span>
                        </a>
                        <div class="mp_tooltip ">
                            我的收藏
                            <i class="icon_arrow_right_black "></i>
                        </div>
                    </div>

                    <div id="broadcast " class="item ">
                        <a href="# ">
                            <span class="chongzhi "><img src="/static/myhome/images/chongzhi.png " /></span>
                        </a>
                        <div class="mp_tooltip ">
                            我要充值
                            <i class="icon_arrow_right_black "></i>
                        </div>
                    </div>

                    <div class="quick_toggle ">
                        <li class="qtitem ">
                            <a href="# "><span class="kfzx "></span></a>
                            <div class="mp_tooltip ">客服中心<i class="icon_arrow_right_black "></i></div>
                        </li>
                        <!--二维码 -->
                        <li class="qtitem ">
                            <a href="#none "><span class="mpbtn_qrcode "></span></a>
                            <div class="mp_qrcode " style="display:none; "><img src="/static/myhome/images/weixin_code_145.png " /><i class="icon_arrow_white "></i></div>
                        </li>
                        <li class="qtitem ">
                            <a href="#top " class="return_top "><span class="top "></span></a>
                        </li>
                    </div>

                    <!--回到顶部 -->
                    <div id="quick_links_pop " class="quick_links_pop hide "></div>

                </div>

            </div>
            <div id="prof-content " class="nav-content ">
                <div class="nav-con-close ">
                    <i class="am-icon-angle-right am-icon-fw "></i>
                </div>
                <div>
                    我
                </div>
            </div>
            <div id="shopCart-content " class="nav-content ">
                <div class="nav-con-close ">
                    <i class="am-icon-angle-right am-icon-fw "></i>
                </div>
                <div>
                    购物车
                </div>
            </div>
            <div id="asset-content " class="nav-content ">
                <div class="nav-con-close ">
                    <i class="am-icon-angle-right am-icon-fw "></i>
                </div>
                <div>
                    资产
                </div>

                <div class="ia-head-list ">
                    <a href="# " target="_blank " class="pl ">
                        <div class="num ">0</div>
                        <div class="text ">优惠券</div>
                    </a>
                    <a href="# " target="_blank " class="pl ">
                        <div class="num ">0</div>
                        <div class="text ">红包</div>
                    </a>
                    <a href="# " target="_blank " class="pl money ">
                        <div class="num ">￥0</div>
                        <div class="text ">余额</div>
                    </a>
                </div>

            </div>
            <div id="foot-content " class="nav-content ">
                <div class="nav-con-close ">
                    <i class="am-icon-angle-right am-icon-fw "></i>
                </div>
                <div>
                    足迹
                </div>
            </div>
            <div id="brand-content " class="nav-content ">
                <div class="nav-con-close ">
                    <i class="am-icon-angle-right am-icon-fw "></i>
                </div>
                <div>
                    收藏
                </div>
            </div>
            <div id="broadcast-content " class="nav-content ">
                <div class="nav-con-close ">
                    <i class="am-icon-angle-right am-icon-fw "></i>
                </div>
                <div>
                    充值
                </div>
            </div>
        </div>
        {% block f %}
        
        {% endblock %}
        <script>
            window.jQuery || document.write('<script src="basic/js/jquery.min.js "><\/script>');
        </script>
        <script type="text/javascript " src="/static/myhome/basic/js/quick_links.js "></script>
    </body>

</html>